#modules-34 {background-color: #4D8DDB;}

.indexTitle{width: 100%;
    margin: auto;
    text-align: center;}
.indexTitle .name{width: 100%;
    display: table;
    text-align: center;
    word-spacing: -1em;
    height: 70px;
    position: relative;}
.indexTitle .name span{display: inline-block;
    font-size: 36px;
    color: #165da7;
    font-weight: bold;
    margin: 0 15px 0 15px;
    vertical-align: middle;}
.indexTitle .name span b{
	color:#333;
}
.indexAllTitle{width: 100%;
    margin: auto;
    text-align: center;
	background-color: #4D8DDB;
	height:150px;
	}
.indexAllTitle .name{width: 100%;
    display: table;
    text-align: center;
    word-spacing: -1em;
    position: relative;}
.indexAllTitle .name h2{display: inline-block;
    font-size: 20px;
    color: #ffff00;
    font-weight: bold;
    margin: 0 15px 0 15px;
    vertical-align: middle;}
.indexAllTitle .name h2 b{
	color:#ffffff;
}
.indexAdvantage .clear{zoom: 1;
    clear: both;}

.indexAdvantage .indexAllTitle .slogan {
    font-size: 16px;
    color: #f5f5f5;
    text-transform: uppercase;
}

.indexProvince{
  width: 100%;
  padding: 0px 0px 20px 0px;
  background: #d9d9d9;overflow:hidden;
}

.indexProvince .clear{zoom: 1;
    clear: both;}
.indexProvince .site_index{
  display: -webkit-inline-box;
  padding: 0 15px;
}
.indexProvince .site_index span.active{
  border-bottom: 1px solid #333;
}
.indexProvince .titlea{
  font-size: 24px;
  width: 100%;
  position: relative;
  font-weight: bold;
  color: #333;
  padding-bottom: 25px;
  margin: 0;
  margin-left: 20px;
}
.indexProvince .titlea::after {
  content: '';
  width: 40px;
  height: 2px;
  position: absolute;
  left: 2px;
  bottom: 15px;
}
.indexProvince .titlea small{
  font-size: 15px;
  font-weight: 400;
  float: right;
  margin-right: 3%;
  color: #666;
}
.indexProvince .list{
  width: 20%;
  float: left;
  text-align: center;
  margin-bottom: 15px;list-style-type: none;
}
.indexProvince .list img{
  width: 55%;
  margin: 0 auto;
  display: block;
}
.indexProvince .list img.fff,.indexProvince .list:hover .blue,.indexProvince .list img.blue2{
  display: none;
}

.indexProvince .list:hover .fff,.indexProvince .list img.fff2{
  display: block;
  background: #165da7;
  border-radius: 7px;
}
.indexProvince .list.active img.blue{
  display: none;
}
.indexProvince .list.active img.fff{
  display: block;
  background: #165da7;
  border-radius: 7px;
}

.indexAbout{ width: 100%; padding: 50px 0 30px; margin: auto; 
background: rgba(255, 255, 255, 0.8) url(http://www.13su.com/style/images/babout.jpeg) no-repeat;
background-size: 100% 100%;overflow:hidden;
}
.indexAbout .clear{zoom: 1;
    clear: both;}
.indexAbout .indexTitle .slogan{ font-size: 20px; color: #999;text-transform: uppercase;}
.indexAbout .container{ margin-top: 40px;}
.indexAbout .container .img{ }
.indexAbout .container video{
    width: 100%;
    height: 100%;
    background-color: #165da7;
}
.indexAbout .container .right{}
.indexAbout .container .right .name{ font-size: 24px; width: 100%; position: relative; font-weight: bold; color: #333; padding-bottom: 25px; margin: 0;}
.indexAbout .container .right .name::after{ content: ''; width: 40px; height: 2px; background-color: #165da7; position: absolute; left: 0; bottom: 15px;}
.indexAbout .container .right .con{ font-size: 14px; line-height: 28px; color: #666;}
.indexAbout .container .right .more a{ display: block; margin: 30px auto; width: 120px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; color: #fff; border-radius: 18px; overflow: hidden; background-color: #165da7; transition: all 0.8s ease;}
.indexAbout .container .right .more a:hover{ background-color: #333;}



.indexAdvantage .container{background-color: #f5f5f5;padding:0px 0px;}
.indexAdvantage{ width: 100%; padding: 0px 0; margin: auto; zoom: 1;clear: both;overflow: hidden;}
.indexAdvantage .item{width: 100%; position: relative; z-index: 2;overflow: hidden;}
.indexAdvantage .item .list{ width: 100%;}
.indexAdvantage .item .list dl{ float: left; width: 100%; margin-bottom: 30px;position: relative;
        clear: both;
        overflow: hidden;}
.indexAdvantage .item .list dl:last-child{ margin-bottom: 0; }
.indexAdvantage .item .list dl dt{ width: 80px; height: 40px; font-family:'avanti';text-align: center; font-size: 26px; color: #165da7; font-weight: bold; letter-spacing: 2px; transition: all 0.8s ease;position: absolute; top: 18px}
.indexAdvantage .item .list dl dd{position: relative;padding:0 6px; }
.indexAdvantage .item .list dl dd .name{ margin-left:80px; position: relative; font-size: 20px; font-weight: bold; color: #333; padding-bottom:20px ; margin-bottom: 15px;}
.indexAdvantage .item .list dl dd .name span{ color: #165da7;}
.indexAdvantage .item .list dl dd .name::after{ content: ''; width: 30px; height: 3px; background-color: #165da7; position: absolute; left: 0; bottom: 0;  transition: all 0.8s ease;}
.indexAdvantage .item .list dl dd .cont{ width: 100%; font-size: 14px; color: #666; line-height: 24px;}
.indexAdvantage .item .list dl dd .cont span{ color: #165da7;}
.indexAdvantage .item .list dl:hover dt{ background: url(http://www.13su.com/style/images/adviocn.png) top 0 center no-repeat; padding-top: 5px;}
.indexAdvantage .item .list dl:hover .name::after{ width: 80px;}
.indexAdvantage .item:nth-child(odd) .list,.indexAdvantage .item:nth-child(even) .img{ float: right; }
.indexAdvantage .item:nth-child(odd) .img,.indexAdvantage .item:nth-child(even) .list{ float: left;}

.ad-banner{
	width: var(--theme-container-width, 100%);
	margin-left: auto;
	    margin-right: auto;
}
.ad-banner .fl{width: 100%;padding-top:10px;}
.ad-banner .fl .txt001{font-size:clamp(1vw, 3vw, 4vw);text-align: center;color:#fff;}
.ad-banner .fl .txt002{	
	font-size:clamp(3vw,3vw, 5vw);text-align: center;color:#fff;
	}
.ad-banner .fr{width:100%;text-align: center;}
.ad-banner .fr img{position:ad-banner;}
.ad-banner .fr .txt003{
	font-size: 20px;color:#fff;
	align-items: center;padding-top:10px;display:none;
	   
		
}
.ad-banner .fr .txt003 i{
	width: 20px;
    height: 20px;
    background-image: url(http://www.13su.com/style/images/icon-tel-white.png);
	display: inline-block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.ad-banner .fr .txt004{
	font-size: 3.2vw;
}
.ad-banner .fr .txt004 span{
	display: inline-block;
	    background: #f87f3d;
	    color: #fff;
	    text-align: center;
	    border-radius: 2px;
	    font-weight: bold;
	    margin: 0px 0px 15px 0px;
		padding:10px 20px;
}



.charactList {
		justify-content: space-between;
		color: #fff;
		padding:10px 0px 0px 0px;
	}

	.charactList li {
		width:100%;
		height: 300px;
		padding: 50px 30px;
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 150px auto;
		list-style: none;
		background: #4D8DDB;
	}

	.charactList li:nth-child(1) {
		background-image: url(http://www.13su.com/wp-content/uploads/2024/04/icon-charact01.png);
	}

	.charactList li:nth-child(2) {
		background-image: url(http://www.13su.com/wp-content/uploads/2024/04/icon-charact02.png);
		background-color: #f87f3d;
		margin:10px 0;
	}

	.charactList li:nth-child(3) {
		background-image: url(http://www.13su.com/wp-content/uploads/2024/04/icon-charact03.png);
	}
	
	.charactList li .titch {
		font-size: 22px;
		line-height: 30px;
		font-weight: bold;
	}
	
	.charactList li .titen {
		font-size: 12px;
		line-height: 18px;
		font-weight: lighter;
		color: #fff;
		opacity: 0.5
	}
	
	.charactList li .titline {
		height: 3px;
		width: 36px;
		background: #fff;
		margin: 25px 0;
	}
	
	.charactList li .titcon {
		font-size: 16px;
		text-align: justify;
	}
	
	#modules-18{padding:0px;}